<template name="stars">
	<view class="uni-padding-wrap uni-common-mt star">
		 <view class="uni-flex uni-row">
        <view :class="{starActive:item}" class="flex-item iconfont" v-for="(item,index) in clicked_list">
						<view v-if="item" class="cuIcon-favorfill"></view>
						<view v-else class="cuIcon-favor"></view>
					</view>
			</view>
    </view>
	</view>
</template>

<script>
export default {
		props:{
		},
		data() {
			return {
				clicked_list:[true,true,true,true,true] //对应星星个数
			}
		},
		methods: {
		}
	}
</script>

<style lang="less">
	.star.uni-common-mt{
		box-sizing: border-box;
		width: 100%;
		overflow: hidden;
		.flex-item{
			display: inline-block;
			width: 8%;
			color: #999;
			.starIcon{
				font-size: 36upx;
			}
		}
		.starActive{
			color: #FE4D5A;
		}
	}
</style>
